<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./style/style.css" />
    <script src="./js/jquery-3.3.1.min.js"></script>
    <script src="./js/main.js"></script>
    <title>菜单</title>
  </head>

  <body>
    <!-- 第一页 -->
    <div class="page">
      <div class="menu-container">
        <!-- 盖浇饭 -->
        <div class="menu-group" id="g1">
          <div class="group-name">盖浇饭</div>
          <div class="group-container">
            <ul class="food-list double-column"></ul>
          </div>
        </div>
        <!-- 粉面饭 -->
        <div class="menu-group" id="g2">
          <div class="group-name">粉面饭</div>
          <div class="group-container">
            <ul class="food-list double-column"></ul>
          </div>
        </div>
      </div>
    </div>

    <!-- 第二页 -->
    <div class="page">
      <div class="menu-container">
        <!-- 精美锅仔 -->
        <div class="menu-group" id="g4">
          <div class="group-name">精美锅仔</div>
          <div class="group-container">
            <ul class="food-list double-column"></ul>
          </div>
        </div>
        <!-- 经济小炒 -->
        <div class="menu-group" id="g3">
          <div class="group-name">经济小炒</div>
          <div class="group-container">
            <ul class="food-list double-column"></ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 第三页 -->
    <div class="page">
      <div class="menu-container">
        <!-- 烧菜系列 -->
        <div class="menu-group" id="g5">
          <div class="group-name">烧菜系列</div>
          <div class="group-container">
            <ul class="food-list double-column"></ul>
          </div>
        </div>
        <!-- 凉菜 -->
        <div class="menu-group" id="g6">
          <div class="group-name">凉菜</div>
          <div class="group-container">
            <ul class="food-list double-column"></ul>
          </div>
        </div>
        <!-- 汤 -->
        <div class="menu-group" id="g7">
          <div class="group-name">汤</div>
          <div class="group-container">
            <ul class="food-list double-column"></ul>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
